Step 1 - Import content and create the background

In this step you first create a new project in Kanzi Studio, import the content to your project, and define the background for the scene of your project. You start working with material types, materials, and textures in the next step.

Assets for the tutorial

The assets you use in this tutorial are stored in <KanziWorkspace>/Tutorials/Materials and textures/Assets:

Completed directory contains the completed Kanzi Studio project of this tutorial.

Create a new Kanzi Studio project and import content

  1. In the Kanzi Studio Quick Start window click New Project:

    Leave all other settings as they are and click Create.

  2. In the Project window you can see the structure of your project.
  3. In the Assets window located in the bottom part of the Kanzi Studio window click Import Assets.
  4. Go to <KanziWorkspace>/Tutorials/Materials and textures/Assets and import the contents of the 3DAssets and Textures directories.
    Kanzi Studio imports the assets and shows them in the Assets window.
  5. When you import 3D assets, Kanzi Studio creates for each 3D asset:

  6. From the Prefabs window drag the Car scene to the Project window and drop it on the Viewport 2D node. This way you make the content that you imported visible in the Preview.
    When asked whether you want to delete the existing Viewport 2D scene, click Yes.


    You can now see the imported content in the Preview.

Create the background and the floor below the car

  1. In the Project select the RootPage, in the Properties set the Background Brush property to + Color Brush.
    Kanzi Studio creates a color brush and sets the Background Brush property of the RootPage to use that color brush.
    TIP

    You can find the list of all brushes in a project in the Library > Materials and Textures > Brushes.

  2. Click next to the Background Brush property and set the color to black.
    TIP

    In the Properties click next to a property to access and edit the resource to which the property points without moving away from the currently selected node.

  3. In the Library > Materials and Textures press Alt and right-click Material Types, and select VertexPhongTextured.
    You can use the VertexPhongTextured material type for all materials in which you want to use textures.
  4. In the Library > Materials and Textures > Materials select the Floor_1 material, and in the Properties set:
    Floor_1 material defines the material that is used for the floor below the car. In this step you set the Floor_1 material to a material type that allows you to use textures, and applied a texture with the shadow of the car.

    TIP

    In Kanzi Studio you can apply color in hexadecimal format to all properties that set a color. In a tool that you use to set the color, copy the hexadecimal code of a color, in Kanzi Studio in the Properties right-click the color swatch of the property for which you want to use that color, and select Paste Color in Hex Format.


< INTRODUCTION
NEXT STEP >

See also

To find out more about importing content to your projects, see Importing.

To find out more about brushes, see Using brushes.